<template>
  <div id="fzf">
    <img src="./fzf.png" alt="" />
    <p>您要查看的您要查看的网址可能已被删除、名称已被更改、或者暂时不可用</p>
    <span class="to-pre" @click="toPre">返回上一页面</span
    ><span class="to-index" @click="toIndex">返回网站首页</span>
  </div>
</template>

<script>
export default {
  name: 'fzf',
  methods: {
    toPre() {
      this.$router.replace('/');
    },
    toIndex() {
      this.$router.replace('/');
    },
  },
};
</script>

<style scoped>
#fzf {
  width: 100%;
  height: 100%;
  text-align: center;
  margin-top: 250px;
}
#fzf p {
  margin-top: 62px;
  font-size: 24px;
  color: #666;
}
#fzf span {
  display: inline-block;
  width: 170px;
  height: 44px;
  line-height: 44px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  margin-top: 100px;
}
.to-pre {
  background-color: #f08200;
  margin-right: 100px;
}
.to-index {
  background-color: #498e3d;
}
</style>
